<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Quora</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
  <div class="mainContainer">
   <div class="container">
       <header>
           <a href="" class="logo">Quora</a>
           <h1>Sign up to read Quora</h1>
           <br>
           <h2>The best answer to any question</h2>
       </header>
       <div class="login_form">
           <div class="social_button">
               <a href="" class="google_button custome_button"><span>Sign Up With Google</span></a>
               <a href="" class="facebook_button custome_button"><span>Sign Up With Facebook</span></a>
               <a href="" class="twitter_button custome_button"><span>Sign Up With Twitter</span></a>
               <span class="about">Sign Up With Email. By signing up you indicate that you have read and agree to the Terms of Service.</span>
           </div>
           <div class="login">
               <form action="">
                   <div class="form_title">LOGIN</div>
                    <input type="text" name="email" placeholder="Email"></input>
               <div class="checkbox"><input type=checkbox checked="checked"></input>Remember Me</div>
           <input type="password" name="pass" placeholder="Password"></input>
                   <a href="" class="forget"><span>Forgot Password?</span></a>
                   <a href=""><button>Login</button></a>
               </form>
           </div>
       </div>
         <footer>
       <ul>
           <li>About</li>
           <li>Careers</li>
           <li>Privacy</li>
           <li>Sitemap</li>
           <li>Terms</li>
       </ul>
   </footer>
   </div>
 
   </div>
       
</body>
</html>